<template>
  <div class="bkgl">
    <p
      style="
        font-size: 20px;
        color: #000;
        border-bottom: 1px solid #ccc;
        padding: 5px;
      "
    >
      高血压报卡统计
    </p>
    <div class="query">
      选择地区：
      <el-select v-model="query.status" placeholder="请选择">
        <el-option label="黎明乡卫生院" value="黎明乡卫生院"> </el-option>
      </el-select>
      <div style="margin: 10px 0">
        时间选择：
        <el-date-picker v-model="query.value3" type="year" placeholder="选择年">
        </el-date-picker>
        月份：
        <el-date-picker
          v-model="query.value2"
          type="month"
          placeholder="选择月"
        >
        </el-date-picker>
        <span style="float: right"
          ><el-button type="primary" icon="el-icon-search">查询</el-button>
          <el-button icon="el-icon-refresh-left">重置</el-button></span
        >
      </div>
    </div>
    <div class="main" style="margin-top: 25px">
      <el-table
        :data="tableData"
        style="width: 100%; margin-top: 15px"
        :header-cell-style="{
          color: '#000',
          backgroundColor: 'rgb(222,234,255)',
        }"
        height="400"
        border
      >
        <el-table-column prop="" label="地区/单位"> </el-table-column>
        <el-table-column prop="" label="系统收到数"> </el-table-column>
        <el-table-column prop="" label="疾控机构手动分拣人次"> </el-table-column>
        <el-table-column prop="" label="基层医疗机构收到数"> </el-table-column>
        <el-table-column prop="" label="基层处理信息数"> </el-table-column>
        <el-table-column prop="" label="新纳入数（所选年份上报）"> </el-table-column>
        <el-table-column prop="" label="新纳入数（所有上报）"> </el-table-column>
        <el-table-column prop="" label="基层处理率"> </el-table-column>
      </el-table>
    </div>
    <div style="text-align: right; margin-top: 20px">
      <el-pagination
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="query.page"
        :page-size="query.size"
        layout="prev, pager, next, jumper"
        :total="total"
      >
      </el-pagination>
    </div>
  </div>
</template>
    
    <script>
export default {
  data() {
    return {
      query: {
        time: [],
        page: 1,
        size: 15,
        radio1: "待分拣",
      },
      tableData: [{}],
    };
  },
  methods: {
    handleSizeChange() {},
    handleCurrentChange() {},
  },
};
</script>
    
    <style>
.bkgl {
  padding: 15px;
  background-color: #fff;
  height: calc(100vh - 46px);
}
</style>